<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1474617807_2288516.css
"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/shangjia.css"/>
		<link rel="stylesheet" type="text/css" href="../css/gwc.css"/>
		<script src="../js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.fly.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/shangjia.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="gao-ymian">
			<!----------------------头部(全)----------------------------------->
			<header class="header">
				<div class="header-top">
				<!----------头部图标--------------------->
					<div class="icon1">
						<i class="icon iconfont i1">&#xe606;</i>
					</div>
					<div class="icon2">
						<i class="icon iconfont i2">&#xe600;</i>
					</div>
					<div class="icon3">
						<i class="icon iconfont i3">&#xe605;</i>
					</div>
				</div>
				<div class="header-logo">
				<!----------中间logo图及商家名称------------->
					<div class="header-logo-left">
						<img src="../images/csx-logo.jpg"/>
					</div>
					<div class="header-logo-right">
						<p class="name">香满牛厨</p>
						<p class="peisong">
							<span>商家配送</span>
							<span>/</span>
							<span>30分钟送达</span>
							<span>/</span>
							<span>配送费¥33</span>
						</p>
						<p class="jian">
							<span>减</span>
							在线支付满25减8
						</p>
					</div>
				</div>
				<div class="header-gonggao">
				<!------------公告栏--------------------------->
					<span class="gonggao">公告</span>
					进店给3次好评可以赠送炒菜一份
					<span class="icon4">
						<i class="icon iconfont i4">&#xe604;</i>
					</span>
				</div>
			</header>
			
			<!----------------------头部(简)----------------------------------->
			<header class="partheader">
			<!----------头部(简)图标--------------------->
				<div class="icon1">
					<i class="icon iconfont i1">&#xe606;</i>
				</div>
				<p class="name"></p>
				<div class="icon2">
					<i class="icon iconfont i2">&#xe600;</i>
				</div>
				<div class="icon3">
					<i class="icon iconfont i3">&#xe605;</i>
				</div>
			</header>
			
			<!----------------------选项卡------------------------------------->
			<div class="sort">
				<div class="shangpin">
					<span>商品<i class="gao_i"></i></span>
				</div>
				<div class="shangjia">
					<span>商家</span>
				</div>
			</div>
			<!----------------------选项卡swiper-------------------------------->
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			    	<div class="swiper-slide">
			        	<!-------------------选项卡_商品----------------------->
						<div class="tab-shangpin gao_flex">
							<!----------------左边商品类别列表------------------>
							<div class="shangpin-list">
								<ul>
									<!--<li>精品川湘菜</li>
									<li>美味汤羹</li>
									<li>主食</li>
									<li>饮料酒水</li>
									<li>三人套餐</li>
									<li>五人套餐</li>-->
								</ul>
							</div>
							<!----------------右边商品详情列表------------------->
							<div class="shangpin-content">
								<ul>
									<li class="shangpin-content-list">
									<!--<div class="shangpin-content-title">
										<span class="content-title"></span>
										<span class="content-detail"></span>
										</div>
										<dl>
											<dt><img/></dt>
											<dd class="p">
												<p></p>
												<p></p>
												<p></p>
											</dd>
											<dd class="btn">
												<span></span>
											</dd>
										</dl>-->
									</li>
								</ul>
							</div>
						</div>
						
						<!-------------------加入购物车底栏-------------------->
			        </div>
			        
			        <div class="swiper-slide gao_slide">
			        	<!------------------选项卡_商家------------------------>
			        	<div class="tab-shangjiarr">
		        			<div class="tab-shangjia">
								<!----------------------间隔1------------------------>
								<span class="blank"></span>
								<!----------------------商家评价----------------------->
								<div class="pingjia">
									<div class="pingjia-title">商家评价</div>
									<div class="pingjia-content">
										<div class="pingjia-content-touxiang">
											<img src="../images/csx-touxiang.jpg"/>
										</div>
										<div class="pingjia-content-right">
											<div class="pingjia-content-right-name">
												<span class="nameid">4******c</span>
												<span class="nametime">2016-09-11 11:19</span>
											</div>
											<div class="pingjia-content-right-pingjia">
												<div class="xing">
													<img src="../images/csx-xingxing.jpg"/>
													<span>30分钟送达</span>
												</div>
												<p>凑合吃。填饱肚子就算是好了。味道你懂得。</p>
											</div>
										</div>
									</div>
									<div class="pingjia-more">
										查看全部评价
										<span class="icon5">
											<i class="icon iconfont i5">&#xe604;</i>
										</span>
									</div>
								</div>
								<!----------------------间隔1----------------------->
								<span class="blank"></span>
								<!-------------------活动与服务---------------------->
								<div class="activity">
									<div class="activity-title">活动与服务</div>
									<div class="activity-content">
										<div class="activity-content-jian">
											<span class="jian">减</span>
											在线支付满25减8
										</div>
										<div class="activity-content-piao">
											<span class="piao">票</span>
										该商家支持开发票，开票订单金额50.0元起，请在下单时填写好发票抬头
										</div>
									</div>
								</div>
								<!------------------间隔1-------------------------->
								<span class="blank"></span>
								<!-----------------商家实景------------------------>
								<div class="shijing">
									<div class="shijing-title">商家实景</div>
									<div class="shijing-img">
										<img src="../images/csx-shijing1.jpg" />
										<img src="../images/csx-shijing2.jpg" />
									</div>
								</div>
								<!------------------间隔1--------------------------->
								<span class="blank"></span>
								<!----------------商家信息--------------------------->
								<div class="information">
									<p class="information-title">商家信息</p>
									<p>品类：
										<span>盖浇饭、地方小吃</span>
									</p>
									<p>地址：
										<span>北京市朝阳区东坝中街211号</span>
									</p>
									<p>营业时间：
										<span>09:30-23:00</span>
									</p>
									<p>
										营业执照
										<span class="icon6">
											<i class="icon iconfont i6">&#xe604;</i>
										</span>
									</p>
									<p>
										餐饮服务许可证
										<span class="icon6">
											<i class="icon iconfont i6">&#xe604;</i>
										</span>
									</p>
									<p>
										举报或建议
										<span class="icon6">
											<i class="icon iconfont i6">&#xe604;</i>
										</span>
									</p>
								</div>
								<!----------------间隔2---------------------------->
								<span class="blank2"></span>
							</div>
			        	</div>
			        </div>
			    </div>
			</div>
		</div>
		<div class="gao_gwc">
			<div class="gao_gwcsq">
				<!--
                	描述：动态添加购物详情
              	-->
                <div class="gao_tou">
                	<span><i class="iconfont">&#xe615</i>购物车</span>
                	<span class="gao_tou_span"><i class="iconfont">&#xe614</i>清空</span>
                </div>
                <div class="gao_diaor">
                	<!--<div class="gao_zjian">
	                	<div class="gao_shju">
	                		<div class="gao_sping">农家小炒肉</div>
	                		<div class="gao_jig">￥0</div>
	                		<div class="gao_gsu">
	                			<span class="gao_jian iconfont">&#xe616</span>
	                			<div class="gao_shul">0</div>
	                			<span class="gao_jia iconfont">&#xe617</span>	
	                		</div>
	                	</div>                	
	                </div>-->
                </div>
                <div class="gao_zjian2">
                	<span class="gao_canh">餐盒</span>
                	<span class="gao_jqian">￥<span>0</span></span>
                </div>
                <div class="gao-di">
                	<p>商品如需分开打包，请使用多人订餐<span class="iconfont">&#xe603</span></p>
                </div>
			</div>
			<div class="gao_dilan">
				<span class="gao_span1"><span>￥</span><span class="gao_span4">0</span></span>
				<span class="gao_span2"></span>
				<div class="gao_gwctb">
					<div class="gao_gwctb1">
						<span class="iconfont">&#xe61c</span>
						<p>0</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
